<%-- 
    Document   : empleadoForm
    Created on : 18/11/2012, 07:47:30 PM
    Author     : IVAN
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@ taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <title>Registrar nomina</title>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link type="text/css" href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
        <link href="bootstrap/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css">
        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="bootstrap/img/ico/apple-touch-icon-144-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="bootstrap/img/ico/apple-touch-icon-114-precomposed.png">
        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="bootstrap/img/ico/apple-touch-icon-72-precomposed.png">
        <link rel="apple-touch-icon-precomposed" href="bootstrap/img/ico/apple-touch-icon-57-precomposed.png">
        <style>     
            body {
                padding-top: 60px; /* 60px to make the container go all the way to the bottom of the topbar */
            }
        </style>
        <script src="js/jquery-1.8.3.min.js" type="text/javascript"></script>
        <script src="bootstrap/js/bootstrap-alert.js" type="text/javascript"></script>
        <script src="bootstrap/js/bootstrap-button.js" type="text/javascript"></script>

        <script>
            $(function($){
                muestraInput();
            });
            
            function muestraInput(){
                var idTipo = $("#id_tipo_empleado").val();
                
                if(idTipo == 5){
                    $("#trHorasLaboradas").css("display","none");
                    $("#trHorasSobretiempo").css("display","none");
                    $("#trCantidadVentas").css("display","none");
                    $("#trCantidadPiezas").css("display","none");
                    //$("#sueldo").attr("value", 0);
                    $("#sueldo").removeAttr("readonly");
                }else if(idTipo == 6){
                    $("#trCantidadVentas").css("display","none");
                    $("#trCantidadPiezas").css("display","none");
                    $("#trHorasLaboradas").css("display","");
                    $("#trHorasSobretiempo").css("display","");
                    //$("#sueldo").attr("value", 0);
                    $("#sueldo").removeAttr("readonly");
                }else if(idTipo == 7){
                    $("#trHorasLaboradas").css("display","none");
                    $("#trHorasSobretiempo").css("display","none");
                    $("#trCantidadPiezas").css("display","none");
                    $("#trCantidadVentas").css("display","");
                    $("#sueldo").attr("value", 2500);
                    $("#sueldo").attr("readonly", "true");
                }else if(idTipo == 8){
                    $("#trHorasLaboradas").css("display","none");
                    $("#trHorasSobretiempo").css("display","none");
                    $("#trCantidadVentas").css("display","none");
                    $("#trCantidadPiezas").css("display","");
                    $("#sueldo").removeAttr("readonly");
                    //$("#sueldo").attr("value", 0);
                }
            }
            
            function calcularHorasExtra(){
                var horasExtras = 0;
                var horasTrabajadas = $("#horas_laboradas").val();
                if(horasTrabajadas > 40){
                    horasExtras = horasTrabajadas - 40;
                    horasTrabajadas = 40;
                }
                $("#horas_laboradas").attr("value", horasTrabajadas);
                $("#horas_sobretiempo").attr("value", horasExtras);
            }
            
            function ValidarForm()
            {	
                $("#msgLogin").hide();
                if($("#nom_empleado").val()=='' || $("#nom_empleado").val().length<=0 ){
                    $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca el Nombre</div>');
                    return false;
                }
                
                if($("#ape_empleado").val()=='' || $("#ape_empleado").val().length<=0 ){
                    $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca el Apellido</div>');
                    return false;
                }

                if($("#dni").val()=='' || $("#dni").val().length<=0 ){
                    $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca el DNI</div>');
                    return false;
                }

                if($("#email").val()=='' || $("#email").val().length<=0 ){
                    $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca el Email</div>');
                    return false;
                }

                if($("#sueldo").val()=='' || $("#sueldo").val().length<=0 || $("#sueldo").val()=='0'){
                    $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca el Sueldo</div>');
                    return false;
                }
                
                var idTipo = $("#id_tipo_empleado").val();
                
                if(idTipo == 6){
                    if($("#horas_laboradas").val()=='' || $("#horas_laboradas").val().length<=0 || $("#horas_laboradas").val()=='0' ){
                        $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca las horas laboradas</div>');
                        return false;
                    }
                }else if(idTipo == 7){
                    
                    if($("#cant_ventas").val()=='' || $("#cant_ventas").val().length<=0 ){
                        $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca la Cantidad de Venta</div>');
                        return false;
                    }
                    
                    
                }else if(idTipo == 8){
                    
                    if($("#cant_piezas").val()=='' || $("#cant_piezas").val().length<=0 ){
                        $("#msg").empty().append('<div class="alert alert-block alert-error fade in"><button class="close" data-dismiss="alert" type="button">&times;</button><strong>Faltan datos: </strong>Por favor introduzca la Cantidad de Piezas</div>');
                        return false;
                    }

                    
                }
                
                
		
                $('#btnSubmit').button('loading')
                setTimeout(function () {
                    $('#btnSubmit').button('reset')
                }, 3000);
                
                
                return true;
            }
            
            
        </script>
    </head>
    <body>
        <div class="navbar navbar-inverse navbar-fixed-top">
            <div class="navbar-inner">
                <div class="container">
                    <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </a>
                    <a class="brand" href="#">Proyecto de Integración de Aplicaciones</a>
                </div>
            </div>
        </div>        
        <div class="container">
            <div class="row-fluid show-grid">
                <form method="POST" action="empleadoList.htm" >
                    <fieldset class="well">
                        <center>
                            <table>
                                <input type="hidden" name="action" value="saveCreateUpdateEmpleado"/>
                                <input type="hidden" value="${hmLogica.objEmpleadoNomina.id_empleado}" name="idEmpleado"/>
                                <input type="hidden" value="${hmLogica.objEmpleadoNomina.id_nomina}" name="idNomina"/>

                                <legend>${hmLogica.objEmpleadoNomina.id_empleado == null ? 'Ingresar Empleado' : 'Actualizar Empleado'}</legend>

                                <tr>
                                    <td colspan="2">
                                        <div id="msg"></div>
                                        <div id="msgLogin" class="alert alert-error" style="display:none;"></div>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">Nombres :</td>
                                    <td>
                                        <input type="text" name="nom_empleado" id="nom_empleado" value="${hmLogica.objEmpleadoNomina.nom_empleado}"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">Apellidos :</td>
                                    <td>
                                        <input type="text" name="ape_empleado" id="ape_empleado" value="${hmLogica.objEmpleadoNomina.ape_empleado}"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">Direccion :</td>
                                    <td>
                                        <input type="text" name="direccion" id="direccion" value="${hmLogica.objEmpleadoNomina.direccion}"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">Dni :</td>
                                    <td>
                                        <input type="text" name="dni" id="dni" value="${hmLogica.objEmpleadoNomina.dni}"/>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">E-mail :</td>
                                    <td>
                                        <input type="text" name="email" id="email" value="${hmLogica.objEmpleadoNomina.email}"/>
                                    </td>
                                </tr>

                                <tr>
                                    <td class="label">Tipo Empleado :</td>
                                    <td>
                                        <select onchange="muestraInput()" id="id_tipo_empleado" name="id_tipo_empleado">
                                            <!--<option value="-1">Seleccionar</option>-->
                                            <c:forEach var="piv" items="${hmLogica.listTipoEmpleados}">
                                                <option value="${piv.id_tipo_empleado}" ${piv.id_tipo_empleado == hmLogica.objEmpleadoNomina.id_tipo_empleado ? 'selected' : ''}>${piv.descripcion}</option>
                                            </c:forEach>
                                        </select>
                                    </td>
                                </tr>
                                <tr>
                                    <td class="label">Sueldo :</td>
                                    <td>
                                        <div class="input-prepend input-append">
                                            <span class="add-on">$</span>
                                            <input class="input-small" type="text" name="sueldo" id="sueldo" value="${hmLogica.objEmpleadoNomina.sueldo}"/>
                                        </div>
                                    </td>
                                </tr>                        
                                <tr id="trCantidadPiezas" style="display: none;">
                                    <td class="label">Cantidad de Piezas :</td>
                                    <td>
                                        <input type="text" name="cant_piezas" id="cant_piezas" value="${hmLogica.objEmpleadoNomina.cant_piezas}"/>
                                    </td>
                                </tr>                        
                                <tr id="trCantidadVentas" style="display: none;">
                                    <td class="label">Cantidad de Ventas :</td>
                                    <td>
                                        <input type="text" name="cant_ventas" id="cant_ventas" value="${hmLogica.objEmpleadoNomina.cant_ventas}"/>
                                    </td>
                                </tr>                        
                                <tr id="trHorasLaboradas" style="display: none;">
                                    <td class="label">Horas Laboradas :</td>
                                    <td>
                                        <input onchange="calcularHorasExtra()" type="text" name="horas_laboradas" id="horas_laboradas" value="${hmLogica.objEmpleadoNomina.horas_laboradas}"/>
                                    </td>
                                </tr>                         
                                <tr id="trHorasSobretiempo" style="display: none;">
                                    <td class="label">Horas sobretiempo :</td>
                                    <td>
                                        <input type="text" readonly name="horas_sobretiempo" id="horas_sobretiempo" value="${hmLogica.objEmpleadoNomina.horas_sobretiempo}"/>
                                    </td>
                                </tr>                                                 


                                <tr height="10px">
                                    <td></td>
                                    <td></td>
                                </tr>
                                <tr class="bottom-bar">
                                    <td>
                                        <button id="btnSubmit" class="btn btn-success" type="submit" title="Grabar" type="submit" data-loading-text="Un momento por favor..." onclick="return ValidarForm();" >
                                            <i class="icon-ok icon-white"></i> Grabar
                                        </button>
                                    </td>
                                    <td align="right">
                                        <a class="btn btn-info" href="empleadoList.htm?action=loadEmpleados"><i class="icon-th-list icon-white"></i> Regresar</a>
                                    </td>
                                </tr>
                            </table>
                        </center>
                    </fieldset>
                </form>
            </div>
        </div>
    </body>
</html>
